<template>
  <div class="con">
    <img :src="info.headimg" alt="头像">
    <h4>{{info.name}}</h4>
    <p>{{info.gradeMajor}}</p>
    <p>{{info.labGroup}}</p>
  </div>
</template>

<script>

  import {MinPersonContructor} from "../class/MinPerson";

  export default {
    name: "min-person",
    props: [
      "info"
    ]
  }
</script>

<style scoped lang="stylus">
  @import "../stylus/variable.styl"
  .con
    cursor pointer
    padding 10px
  .con:hover
    box-shadow 1px 1px 1px 3px #666666
  img
    border-radius 100%
    height 80px
    width 80px
  div
    flex-grow 1
    line-height 30px
    text-align center
</style>
